/*
 * @Author: scopesang
 * @Date: 2022-03-16 09:32:55
 * @LastEditors: scopesang
 * @LastEditTime: 2022-03-16 09:37:30
 * @FilePath: \react-js-master\src\components\day4.jsx
 * @Description: 
 * 
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved. 
 */
import React, { Component } from "react";
// let num = 1;
// const [number,setNumer] = useState()
export default class day4 extends Component {
  state = {
    num: 1
  };
  render() {
    return (
      <>
        <div>数字为:{this.state.num}</div>
        <button onClick={() => this.setState({ num: 2 })}></button>
      </>
    );
  }
}
// ## React 第四天
// 累加与setState
//   < button onClick = {()=> num++}></button > 像小程序只有setData 才可以触发视图更新
// 因为 num 只是 js 里非常普通的变量 难道每个变量一修改  我都要更新到试图吗  这样性能怎么维护
// 所以这种做法不行
//   小程序 data -> setData  this.data.num
//   react state -> setState 要吧数据写在 state 里面
// this.setState({ num: this.state.num++ })  不建议直接修改源数据 // this.setState({num:this.state.num+1})  
// this.state.num++ 已经修改了自身的值
// i++和++i都是实现变量i的自增，两者的区别在于i++是先运算，再加1，而++i是先加1，后运算。但是不管是i++还是++i，最后i的值都是相同的
